<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#box{
				width:500px;
				height:500px;
				border:1px solid red;
			}
		</style>
		<script>
			window.onload = function(){
				var cavBox = document.getElementById("cav");
				var ocav = cavBox.getContext('2d');
				
//				ocav.font = '40px 微软雅黑';
//				ocav.textAlign = 'left';
//				ocav.fillStyle = 'red';
//				ocav.fillText('后盾网',250,250);
//				ocav.fill();
				
//				写空心字
				ocav.font = '50px 微软雅黑';
				ocav.strokeStyle = 'blue';
//				               文字内容     x    y   maxWidth
				ocav.strokeText('人人作后盾',100,100,100);
				ocav.stroke();
			}
		</script>
	</head>
	<body>
		<div id="box">
			<canvas id="cav" width="500" height="500"></canvas>
			
		</div>

	</body>
</html>
